.progress-bar-container{position:fixed;top:0;left:0;width:100%;height:.25rem;background-color:#b6d6ed;opacity:0;z-index:9999}.progress-bar-container--navigating{opacity:1}.progress-bar{height:100%;border-radius:0 1rem 1rem 0;background-image:linear-gradient(to right,#05a1e1,#0b77c2);width:0;opacity:0;transition:width 5s cubic-bezier(0,0,.2,.3),opacity .5s ease-in-out}.progress-bar--navigating{width:100%;opacity:1}.progress-bar--navigation-finished{opacity:0}.transition-complete-bar{position:absolute;top:0;left:0;width:0;transition:width .5s ease-out;height:100%}.transition-complete-bar--navigation-finished{width:100%;background-image:linear-gradient(to right,#05a1e1,#0b77c2)}